<!DOCTYPE html>
<html>

<head>
  <meta charset="UTF-8" />
  <link rel="icon" href="/favicon.svg" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <meta http-equiv="Expires" content="0">
  <meta http-equiv="Pragma" content="no-cache">
  <meta http-equiv="Cache-control" content="no-cache">
  <meta http-equiv="Cache" content="no-cache">
  <meta name="referrer" content="no-referrer" />
  <title>%VITE_APP_TITLE%</title>
  <style>
    #browser-upgrade {
      display: none;
    }

    .elegant-admin-home {
      display: none
    }
  </style>
</head>

<body>
  <div id="app">
    <div id="browser-upgrade">
      <div class="title">为了您的体验，推荐使用以下浏览器</div>
      <div class="browsers">
        <a href="https://www.microsoft.com/edge" target="_blank" class="browser">
          <img class="browser-icon" src="/browser_upgrade/edge.png" />
          <div class="browser-name">Mircosoft Edge</div>
        </a>
        <a href="https://www.google.cn/chrome/" target="_blank" class="browser">
          <img class="browser-icon" src="/browser_upgrade/chrome.png" />
          <div class="browser-name">Google Chrome</div>
        </a>
      </div>
    </div>
  </div>
  <script>
    if (!!window.ActiveXObject || 'ActiveXObject' in window) {
      setTimeout(function () {
        document.getElementById('browser-upgrade').style.display = 'block'
      }, 1000)
    }
  </script>
  <script type="module" src="/src/main.ts"></script>
  <script>
    document.addEventListener('DOMContentLoaded', (event) => {
      console.log('first contentful painting', event);
    });
  </script>
</body>

</html>